<!DOCTYPE html>
<html>
	<head>
			<meta charset="utf-8">
			<title>CSS技术</title>
			<link rel="stylesheet" href="tit.css" />
			<style>
				div{
					font-size: 30px;
					color: red;
				}
				.titCss{
					font-size: 50px;
					color: green;
				}
				#firstDiv{
					color: red;
					font-size: 12px;
				}
				#secondDiv{
					color: yellow;
					font-size: 20px;
				}
			</style>
		</head>
		<body>
			<div>
				太原工业学院数据科学与大数据技术专业
			</div>
			<div>
				太原工业学院
			</div>
			<span style="color:#FF7F00">
				6-30位字母、数字或“_”,字母开头
			</span>
			
			<h2>class选择器</h2>
			<p>这是第一个段落</p>
			<p class="titCss">这是第二个段落</p>
			<span class="titCss">这是个提示</span>
			
			<h2>id选择器</h2>
			<div id="firstDiv">Java研发工程师</div>
			<div id="secondDiv">Java大数据研发工程师</div>
		</body>
</html>
